<template>
<div>
    我叫{{ name }} ，今年{{ year }}岁，来自{{address}} 
</div>
<div>
    {{ obj.msg }}
</div>
</template>

<script setup>
// ref 定义响应式数据，类型不限
    import { ref } from 'vue'
    const name = ref('XiaoMing')
    const year = ref(18)
    const address = ref('china')
// reactive 定义对象或数组 响应式数据
    import { reactive } from 'vue';
    const obj =reactive({
        msg:'reactive函数'
    })
</script>

<style scoped>

</style>